//电脑
import { Progress } from 'antd';
import { useNavigate } from 'react-router'

const Computer = (props) => {
  const navigate = useNavigate()
  return (
    <>
      <div
        className='computer_qq'
        style={{
          width: 170,
        }}
      >
        <div className='computer_u'>
          <Progress type="circle" percent={100} size={25} />
          <span>您的电脑运行情况良好.</span>
        </div>
        <span>CPU占用:15%</span>
        <Progress percent={15} size="small" />
        <span>内存占用:23%</span>
        <Progress percent={23} size="small" status="active" />
        <span>磁盘占用:3%</span>
        <Progress percent={3} size="small" />
      </div>

      <div className='index_button_z'>
        <div className="index_button_s"
          onClick={() => {
            props.changename('')
          }}
        >
          重新检测
        </div>

        <div className="index_button_s"
          onClick={() => {
            navigate('/home')
          }}
        >
          完成检测
        </div>
      </div>
    </>
  )
}
export default Computer